<template>
  <div class="content">
    <div class="nav">
      <el-space>
        <router-link to='/'>登录</router-link>
      </el-space>
      <el-space>
        <router-link to='/pinia'>pinia状态</router-link>
      </el-space>
      <el-space> 
        <router-link to='/vueuse'>vueuse</router-link>
      </el-space>
      <el-space>
        <router-link to='/I18n'>i18n</router-link>
      </el-space>
      <el-space>
        <router-link to='/test'>test</router-link>
      </el-space>
    </div>
    <router-view></router-view>
  </div>

  <Common class="commonView" msg="common" />
</template>

<script setup lang="ts">
  import Common from './components/Common.vue'
</script>

<style scoped>
  .nav{
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }
  .commonView{
    margin-top: 50px;
  }
</style>
